<template>
  <div class="cms-views-container invite-frieds-pages">
    <header class="h-10 leading-10 px-4 text-center w-full">
      <span class="float-left">
        <LeftOutlined class="text-base" />
      </span>
      <span class="text-base text-[#333] font-medium">邀请好友</span>
    </header>
    <div class="mt-8 w-[311px] h-[272px] mx-auto qecode-contain py-9 px-[55px]">
      <img
        src="https://img1.baidu.com/it/u=3891876549,414825956&fm=253&fmt=auto?w=112&h=112"
        class="w-full h-full"
        alt=""
      />
    </div>
    <p class="px-8 flex justify-between mt-10">
      <button class="w-[150px] h-[42px] bg-white rounded text-[#ff613f] text-sm font-medium">保存图片</button>
      <button class="w-[150px] h-[42px] bg-white rounded text-[#ff613f] text-sm font-medium">分享链接</button>
    </p>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="less">
.invite-frieds-pages {
  .qecode-contain {
    box-shadow: 1px 1px 10px 0 rgba(85, 85, 85, 0.09);
    border-radius: 16px;
  }
  button {
    border: 1px solid #ff613f;
  }
}
</style>
